<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
        
		<script src="jquery-3.3.1.js">
		
		</script>
		
	</head>
	<body>
		<ul class="ulstyle">
			<li class="one"><a href="#">游戏</a></li>
			<div class="game">
	        <p>LOL</p>
	        <p>绝地求生</p>
	        </div>
			
			
			<li class="two"><a href="#">资讯</a></li>
			<div class="news">
	        <p>世界杯</p>
	        <p>财经新闻</p>
	        </div>
			
			
			<li class="three"><a href="#">图片</a></li>
			<div class="picture">
	        <p>美食</p>
	        <p>旅游</p>
	        </div>
			
			
			<li class="four"><a href="#">购物</a></li>
			<div class="shopping">
	        <p>电器商品</p>
	        <p>奢侈品</p>
	        </div>
			
			
			<li class="five"><a href="#">视频</a></li>
			<div class="vedio">
	        <p>腾讯视频</p>
	        <p>优酷视频</p>
	        </div>
			
		</ul>
		<script>
		
	
        $(".one,.two,.three,.four,.five").mouseover(function(){ 
		
		// $("ul li").mouseover(function(){ 
		 //$(this).find(".all").show();
		
       $(".game,.news,.picture,.shopping,.vedio").show(); 
        });
		
		$(".one,.two,.three,.four,.five").mouseout(function(){ 
		//$("ul li").mouseout(function(){ 
		// $(this).find(".all").hide();
		
      $(".game,.news,.picture,.shopping,.vedio").hide(); 
        }); 
		
		/*$(document).ready(function () {
        $('ul p').hover(function () {
            $(this).find('.alle').show();

        }, function () {
            $(this).find('.alle').hide(); 
        });
    });*/
		</script>
	</body>
</html>
